/**
 * Shopware 5
 * Copyright (c) shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Widgets
 * @version    $Id$
 * @author shopware AG
 */


.#{$prefix}panel-ghost .#{$prefix}panel-header .#{$prefix}tool {
    display: none;
}

.#{$prefix}widget-sidebar {
    padding: 10px 0px !important;
    background: rgba(2, 22, 42, 0.5);
    border: 0 none;
    box-shadow: none;
    @include border-radius(0);

    .#{$prefix}window-body {
       background: transparent;
       border: 0 none !important;
    }
    .#{$prefix}grid-row,
    .#{$prefix}grid-row-alt,
    .#{$prefix}grid-row-selected {
        .#{$prefix}grid-cell {
            background: none !important;
            border: 0 none;
        }
        a { color: #fff !important; }
        a:hover {
            color: #cdd5de !important;
            border-color: #cdd5de !important;
        }
    }

    .#{$prefix}tool {
        img {
            background: url('data:image/png;base64,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');
        }
        .#{$prefix}tool-close { background-position: -16px 0; }
        .#{$prefix}tool-close:hover { background-position: -16px -16px; }
        .#{$prefix}tool-refresh:hover { background-position: 0 16px; }
    }

	.#{$prefix}window-body.can-scroll:after {
        @include single-box-shadow(rgba(0,0,0,0.1), 0, -14px, 4px, -8px);
        content: "";
		position: absolute;
		bottom: -25px;
		left: 0;
		right: 0;
		height: 25px;
	}

    .#{$prefix}widget-toolbar {
      border-bottom: 1px solid rgba(255,255,255,0.18) !important;
      background: transparent;
      padding: 0px 8px 10px !important;


      .#{$prefix}toolbar-item {
          color: #fff !important;
          text-shadow: 0 2px 0 rgba(0,0,0,0.2);
      }

      .#{$prefix}btn {
        @include border-radius(0);
        width: 19px;
        height: 19px;
        border: 0 none;
        background: url('data:image/png;base64,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');
      }

      .btn-widget-add {
        background-position: 0 0;

        .#{$prefix}btn-arrow {
          background: transparent;
        }
      }
      .btn-widget-add:hover {
        background-position: 0 -19px;
      }
      .btn-widget-pin {
        background-position: -16px 0;
      }
      .btn-widget-pin.active,
      .btn-widget-pin:hover {
        background-position: -16px -17px;
      }
      .btn-widget-minimize {
        background-position: -19px 0;
      }
      .btn-widget-minimize:hover {
        background-position: -19px -19px;
      }
      .btn-widget-position {
        background-position: -38px 0;

        .#{$prefix}btn-arrow {
          background: transparent;
        }
      }
      .btn-widget-position:hover {
        background-position: -38px -19px;
      }
    }

    .#{$prefix}widget-proxy-element {
      @include border-radius(0);
      margin: 10px auto;
      background: transparent;
      border: 2px dashed #fff;
      box-shadow: none;
    }
}

.#{$prefix}widget-menu,
.#{$prefix}widget-position-selection-menu {

  .#{$prefix}menu-body {
    background: #fff !important;

    .#{$prefix}menu-item a span {
      color: #465C6B;
    }

    .#{$prefix}menu-item-active {
      a {
        @include border-radius(3px 3px 3px 3px);
        border: 1px solid #87B7E3;
        background: url('data:image/svg+xml;charset=utf-8;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIg dmVyc2lvbj0iMS4xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICAg ICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAlIiB5MT0i MCUiIHgyPSIwJSIgeTI9IjEwMCUiPic8c3RvcCBvZmZzZXQ9IjAlIiBzdHls ZT0ic3RvcC1jb2xvcjojZDBlNWY1O3N0b3Atb3BhY2l0eToxIiAvPicsICc8 c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhNmNkZWM7 c3RvcC1vcGFjaXR5OjEiIC8+JzwvbGluZWFyR3JhZGllbnQ+CiAgICAgIDxy ZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3Jh ZGllbnQpIiAvPgogICAgPC9zdmc+CiAgICA=') no-repeat scroll center center rgba(0, 0, 0, 0) !important;

        span {
          color: #035A9B;
        }
      }
    }
  }
}

.#{$prefix}panel-ghost,
.#{$prefix}widget-component {
    @include border-radius(0);
    margin: 16px 0px;
    min-width: 300px;
    background: rgba(240, 240, 255, 0.05) !important;
    border: 0 none !important;
    padding: 0;

	/** Header */
	.#{$prefix}panel-header {
		@include border-radius(0);
		@include reset-box-shadow;
        padding: 5px 4px 4px 0;
        border: 1px solid rgba(0, 5, 33, 0.15);
		background: rgba(0, 0, 0, 0.17) !important;

		/** Header text */
		.#{$prefix}panel-header-text {
			padding-left: 27px;
			font-size: 14px;
			color: #fff;
			font-weight: normal;
		}
	}

	/** Body */
    .#{$prefix}toolbar,
	.#{$prefix}panel-body {
		border: 0 none !important;
        background: transparent;
	}

	/** Basic grid styling */
	.#{$prefix}grid-with-row-lines {
        border: 0 none !important;

        .#{$prefix}action-col-cell .#{$prefix}grid-cell-inner {
            padding-bottom: 5px;
            padding-top: 2px;
        }

        .#{$prefix}grid-cell-inner {
            text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
            border-bottom: 1px solid rgba(157,165,173,0.3) !important;
            color: #b2bfc7;
            padding: 5px 6px;
        }

        .#{$prefix}grid-view {
            border: 0 none !important;
            background: transparent !important;
        }
    }

	.#{$prefix}grid-header-ct .#{$prefix}column-header-text {
         font-size: 12px;
    }

    .#{$prefix}grid-header-ct,
    .#{$prefix}grid-header-ct *  {
		background: transparent !important;
		border: 0 none;
        color: #fff !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}

    .#{$prefix}grid-body .#{$prefix}grid-row-alt {
		background: rgba(157,165,173,0.2);
	}

    .#{$prefix}panel .#{$prefix}grid-row-selected .#{$prefix}grid-cell {
        background: rgba(0,0,0,0.1) !important;
    }

    /** Resizable handle  */
    .#{$prefix}resizable-handle-south {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAACCAYAAABR7VzxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDg0NTY5NzA5MEQxMTFFNDg3N0VCRTkwRjY2NkU3NTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDg0NTY5NzE5MEQxMTFFNDg3N0VCRTkwRjY2NkU3NTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDcyMUY3RjkwQ0ExMUU0ODc3RUJFOTBGNjY2RTc1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENDcyMUY4MDkwQ0ExMUU0ODc3RUJFOTBGNjY2RTc1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnresX4AAAAaSURBVHjaYmRgYLBgoACw/P//nxL9DAABBgDZ2wM73fterwAAAABJRU5ErkJggg==') no-repeat center center transparent;
        opacity: 1;
        height: 10px;
    }

    &.#{$prefix}resizable-over .#{$prefix}resizable-handle-south {
        background-color: rgba(255,255,255,0.1) !important;
    }
}

.#{$prefix}panel-ghost {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/** Sales/Turnover widget */
div[id^=swag-sales-widget] {

    .#{$prefix}container .#{$prefix}column {
        width: 100% !important;
    }

	/** Conversation rate */
	.conversation-rate {
		@include user-select;
		margin: 20px 0 0;

		* {
            text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
			font-size: 12px;
			color: #fff;
			text-align: center;
			display: block;
		}
		.title {
            color: #b2bfc7;
            margin: 0 0 12px;
            text-align: left;
        }
		.rate {
			font-size: 30px;
			line-height: 28px;
			font-weight: bold;
            text-align: left;
		}
	}
}
/** Visitors and customers widget */
div[id^=swag-visitors-customers-widget] {
	.visitors-online {
		@include user-select;
		margin: 10px 0 0;

		* {
            text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
            font-size: 11px;
			color: #fff;
			text-align: left;
			display: block;
		}
		.visitors {
			font-size: 30px;
			line-height: 28px;
			font-weight: bold;
		}
        .title {
            font-weight: normal;
            margin-top: 5px;
            font-size: 12px;
        }
	}
}
/** Grid styling for the specific widgets */
div[id^=swag-visitors-customers-widget], div[id^=swag-sales-widget] {
	.#{$prefix}grid-body .#{$prefix}grid-row .#{$prefix}grid-cell, .#{$prefix}grid-row-selected .#{$prefix}grid-cell, .#{$prefix}grid-body .#{$prefix}grid-row * {
		border: 0 none;
		background: transparent !important;
	}
}

/** Upload widget */
div[id^=swag-upload-widget] {

    .#{$prefix}panel-body {
        padding: 15px 28px !important;
    }

    .#{$prefix}container-dropzone {
        @include border-radius(0);
        border: 1px solid rgba(0, 5, 33, 0.15);
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi+P//vxQy7urqkmJAFwDRDOgCcEFkAbAgugAIAwQYAI7bRmV9661pAAAAAElFTkSuQmCC');

        &.dropzone-over {
            @include single-box-shadow(rgba(82, 168, 236, 0.6), 0, 0, 10px);
            border: 1px solid rgba(82, 168, 236, 1) !important;
        }

        span {
            background: none;
        }

        .inner-dropzone {
		    padding: 38px 0;

            span {
                color: #fff;
                font-weight: 700;
                font-size: 14px;
                text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
            }
        }
	}
}

/**  */
div[id^=swag-notice-widget] {
	.#{$prefix}toolbar-docked-bottom {
		background: transparent !important;
		border: 0 none;
        padding: 0 28px 16px 28px;

        .#{$prefix}btn {
            background: transparent;
            border: 1px solid rgba(255,255,255,1);

            .#{$prefix}btn-inner {
                color: #fff;
                text-shadow: none;
            }
        }

        .#{$prefix}btn-over {
            border-color: #cdd5de;

            .#{$prefix}btn-inner {
                color: #cdd5de;
            }
        }
    }

	.#{$prefix}panel-body {
		border-bottom: 0 none;
		background: transparent;
	}

    textarea.#{$prefix}form-field {
        border-radius: 0;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        border: 1px solid rgba(0,0,0,0.05);
        background: rgba(0,0,0,0.1);
        line-height: 20px;
        padding: 10px 13px;
        color: #fff;

        &:focus {
            @include box-shadow(inset 0px 1px 1px 0px rgba(0,0,0,0.1));
            border-color: rgba(255, 255, 255, 0.3);
        }
    }

	td.#{$prefix}form-item-body {
		background: transparent;
		padding: 0;
	}
}